@charset "utf-8";

#app {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  background-image: url('../images/bigscreen-bj.png');
  background-size: 100%;
  background-repeat: no-repeat;
}
#menu{height:100%;overflow-y:auto}
td{font-size:14px}
h4{margin:0;}
body, html,#map_demo, #tab, #mapfrm {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
.el-tree-node__content:hover {
  background-color: rgba(0, 0, 0, .8);
}
input{
  text-indent:10px;
}
button{
  cursor:pointer;
}
table{
  border-collapse:collapse;
}
/*.el-input__inner {
  background-color: #00295C !important;
  border: 1px solid #056DAD !important;
  color: rgb(0, 174, 244) !important;
}*/

/* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 */

.sroll-2::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: transparent;
}

/* 定义滚动条轨道 内阴影+圆角 */

.sroll-2::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px #fff;*/
  border-radius: 1px;
  background-color: #0051AA;
}

/* 定义滑块 内阴影+圆角 */

.sroll-2::-webkit-scrollbar-thumb {
  border-radius: 1px;
  /*-webkit-box-shadow: inset 0 0 6px #00a7ec;*/
  background-color: #0051AA;
}

.tabUl {
  float: left;
  margin-left: 30rem;
  overflow: hidden;
}

.tabUl li {
  float: left;
  padding: 0 20px;
  height: 80px;
  line-height: 80px;
  color: #79afff;
  font-size: 18px;
  cursor: pointer;
}
.tabUl li.li_active {
  height: 77px;
  font-size: 18px;
  line-height: 80px;
  border-bottom: 3px solid #0070ff;
}


/******页面标题样式******/
.pageTitle{
  width: 100%;
  height: 3.8rem;
  background-image: url('../images/title-bg.png');
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.pageTitle-logo{
  float:left;
  width:437px;
  height:inherit;
}
.pageTitle-logo img{
  margin:17px 0 0 20px;
}
.pageTitle-logo div{
  float:right;
  width:360px;
  margin-top:8px;
}
.pageTitle-logo div a:first-child{
  font-size:27px;
  color:#00ACF1;
  font-weight:600;
}
.pageTitle-logo div a:last-child{
  font-size:18px;
  color:#00ACF1;
}
.pageTitle-list{
  margin:0 auto;
  width:560px;
  height:3.8rem;
  line-height:3.8rem;
  box-sizing: border-box;
  padding-top:1.1rem;
}
.pageTitle-list>li{
  list-style:none;
  float:left;
  width:100px;
  height:30px;
  line-height:30px;
  text-align: center;
  margin-left:10px;
  position:relative;
  overflow:hidden;
}
.pageTitle-list>li:hover{
  overflow: visible;
}
.pageTitle-list>li>a{
  color:#fff;
  font-size:16px;
  display:inline-block;
  width:inherit;
  height:inherit;
  line-height:inherit;
  border-radius:15px;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
}
.pageTitle-list>li>a:hover{
  background-color:#1B53A6;
}
.pageTitle-list-data{
  position:absolute;
  top:30px;
  left:0;
  z-index:20;
  background-color:#32237E;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}
.pageTitle-list-data li{
  width:100px;
  height:35px;
  line-height:35px;
  text-align:center;
}
.pageTitle-list-data li a{
  color:#fff;
  display:inline-block;
  width:inherit;
  height:inherit;
  line-height:inherit;
  font-size:16px;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}
.pageTitle-list-data li a:hover{
  background-color:#6C58F5;
}
.pageNavigation{
  width: 100%;
  height: 2.5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: left;
  align-items: center;
  background-color: #0A1339;
}
.pageNavigation-dot{
  width: 0.3rem;
  height: 0.3rem;
  background-color: #0162A6;
  border-radius: 0.15rem;
  margin-left: 2rem;
  margin-right: 0.6rem;
}
.pageNavigation-text{
  font-size:0.8rem;
  font-family:MicrosoftYaHei;
  color:#0162A6;
  line-height:3.5rem;
}
.pageNavigation-txt{
  font-size:0.8rem;
  font-family:MicrosoftYaHei;
  color:#47CDFE;
  line-height:3.5rem;
}
.pageTitle-user{
  float: right;
  line-height: 76px;
  overflow: hidden;
}
.pageTitle-user-txt{
  float: left;
  color: #fff;
  cursor:default;
}
.pageTitle-user-img{
  float: left;
  margin: 15px 20px 0;
}

/****************人员轨迹样式***************/
.task-list{
  width: 390px;
  height: 567px;
  background: #fff;
  position: absolute;
  top: 47px;
  left: 86px;
  border-radius: 4px;
  -moz-box-shadow:2px 2px 6px #666666;
  -webkit-box-shadow:2px 2px 6px #666666;
  box-shadow:2px 2px 6px #666666;
}
.task-list > div:first-child{
  width: 100%;
  height: 60px;
  background: #01387b;
  color: #fff;
  line-height: 60px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
}
.task-list > div:last-child{
  width: 190px;
  height: 58px;
  position: absolute;
  background: #fff;
  top: 0;
  left: 400px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -moz-box-shadow:2px 2px 6px #666666;
  -webkit-box-shadow:2px 2px 6px #666666;
  box-shadow:2px 2px 6px #666666;
  line-height: 58px;
}
.task-list > div:last-child i{
  margin-left: 17px;
  font-size:14px;
}
.task-list > div:last-child i.icon-dingwei1:before,
.task-list > div:last-child i.icon-dingwei2:before,
.task-list > div:last-child i.icon-dingwei3:before{
  font-size: 35px;
}
.task-list > div:last-child i.icon-dingwei1{
  color: #47cdfe ;
}
.task-list > div:last-child i.icon-dingwei2{
  color: #00cc66 ;
}
.task-list > div:last-child i.icon-dingwei3{
  color: #ff9600 ;
}
.task-list > div h4{
  float: left;
  font-size: 18px;
  padding-left: 14px;
}
.task-list > div button{
  float: right;
  width: 90px;
  height: 35px;
  background: #0297d8;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 0;
  color: #fff;
  font-size: 14px;
  margin: 12px 14px 0 0;
}
.task-list > ul{
  height: 507px;
  overflow-y: scroll;
}
.task-list > ul::-webkit-scrollbar {display:none}

.task-list > ul li{
  border-bottom: 1px dashed #dddddd;
  padding: 18px 17px;
  overflow: hidden;
}
.task-list > ul li > div{
  float: left;
  font-size: 16px;
  color: #333333;
}
.task-list > ul li > div p{
  font-size: 14px;
  color: #999999;
  padding-top: 15px;
}
.task-list > ul li > div:last-child{
  float: right;
}
.task-list > ul li > div:last-child button{
  width: 90px;
  height: 35px;
  background: #014597;
  color: #fff;
  border: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 14px;
  margin-top: 10px;
}
.task-list > ul li > div:last-child button.active{
  background: #ff7800;
}
.task-list > ul li > div:last-child button.active1{
  background: #23ac3a;
}
.result-list{
  top: 480px;
  height: 250px;
}
.result-list > div:first-child{
  background: #00aef4;
  height: 50px;
  line-height: 50px;
}
.result-list div:first-child button{
  background: none;
  width: 20px;
}
.result-list ul.condition-code{
  padding: 0 10px;
  height: 50px;
  background: #bfdbfd;
}
.result-list ul.condition-code li{
  width: 100%;
  height: 50px;

  color: #333333;
  padding: 0;
  line-height: 50px;
}
.result-list ul.condition-code li div{
  text-align: center;
  background: none !important;
  width: 200px;
}
.result-list ul.condition-code li div:first-child{
  text-align: center;
}
.result-list ul.condition-code li div:last-child{
  background: none;
  width: 130px;
}
.result-list ul.condition-code-list{
  background: none;
  height: 140.4px;
  overflow-y: scroll;
}
.result-list ul.condition-code-list li{
  background: none;
  height: 45px;
}
.result-list ul.condition-code-list li div:last-child button{
  background: none;
  border: 0;
  color: #ff8e42;
}
.track-details ul.condition-code{
  padding: 0 !important;
}
.track-details ul.condition-code li div{
  width: 358px !important;
  text-align: left !important;
  padding-left:22px !important;
}
.track-details{
  left: auto;
  right: 40px;
  top: 47px;
  height: 550px;
}
.track-details .step{
  left: 40px !important;
  top: 120px !important;
  width:300px !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  height: 410px !important;
  overflow-y: scroll;
}
.track-details .step::-webkit-scrollbar{display: none}
.track-details .step .el-step{
  line-height: normal;
}
.track-details .step .el-step.is-vertical .el-step__title{
  padding-bottom: 2px;
}
.track-details .step .el-step__title.is-wait{
  color: #333333;
  font-size: 16px;
}
.track-details .step .el-step__description.is-wait{
  color: #999999;
  font-size: 14px;
}
.track-details .step .el-step__head.is-wait{
  color: #333333;
  border-color:#0297d8 ;
  top:10px
}
.track-details .step .el-step__icon-inner{
  font-weight: normal;
}
.track-details .step .el-step__line{
  background-color: #dddddd;
}
.track-details .step .el-steps--vertical{
  height: auto;
}
.track-details .step .el-step__description{
  padding-bottom: 20px;
  font-weight: normal;
}
.track-details ul.track-details-title{
  background: none;
}
.track-details div.track-date{
  position: absolute;
  left: 50%;
  margin-left: -165px;
  background: none;
  top:100px;
  width: 330px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  font-size: 16px;
  border-top: 1px dashed #dddddd ;
  border-bottom: 1px dashed #dddddd ;
  padding: 10px 0;
}
.track-details div.track-date .el-input__inner{
  background: none !important;
  border-color:  #dddddd !important;
}
.track-details div.track-date .el-date-editor{
  width: 230px;
}
.track-details div.track-date  div:last-child i{
  margin-left: 0 !important;
}
.track-card {
  left: 50% !important;
  top: 180px !important;
  width: 350px !important;
  margin-left: -175px;
  height: 350px !important;
}
.track-card .el-card__header{
  padding: 10px 20px;
  line-height: normal;
}
.track-card .text{
  line-height: normal;
  overflow: hidden;
  border-bottom: 1px dashed #eeeeee;
  margin-bottom: 10px;
}
.track-card {
  background: #f5f5f5 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  border: 1px solid #dddddd;
}
.track-card .text .node-title{
  float: left;
  width: 60px;
}
.track-card .text .node-content{
  float: left;
  width: 250px;
  text-align: left;
}
.track-card .text .el-radio+.el-radio{
  margin-left: 0 ;
}
.track-card .text .el-radio{
  padding-right:  8px;
  margin-bottom: 7px;
}
.track-card  .card-con{
  height: 290px;
  overflow-y:scroll ;
}
.track-card  .card-con::-webkit-scrollbar{
  display: none;
}
.track-card .el-card__header{
  border-bottom: 1px solid #dddddd;
}
.track-date{
  height: 45px !important;
  position: relative;
}
.track-date div{
  display: inline-block;
  width: 193px;
  height: 40px;
  border: 1px solid #dddddd;
  line-height: 40px;
  float: left;
  padding: 0 10px 0 12px;
  position: relative;
}
.track-date span{
  display: inline-block;
  width: 97px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  float: left;
}
.track-date div i{
  position: absolute;
  right: 5px;
  color: #cccccc;
  font-size: 22px;
}
.track-date.jiange div{
  width: 152px;
}
.track-date.jiange span:last-child{
  margin-left: 10px;
  width: 40px;
}
.track-date.zhanbi span:first-child{
  width: 155px;
}
.track-date.zhanbi div{
  width: 150px;
}
.crash-title{
  background: #f2f2f2 !important;
}
.crash-title i{
  float: right;
  margin-right: 10px;
  font-size: 24px;
  color: #cccccc;
}
.crash-title1{
  background: #bfdbfd !important;
}
.select-type {
  left: 0 !important;
  top: 0 !important;
  background: #f5f5f5 !important;
  box-shadow: none !important;
  width: 100% !important;
  padding:10px 0 ;
}
.select-type .el-input{
  width: 90%;
  margin: 0 auto;
}
.select-type .el-input__inner{
  background-color: #fff !important;
  border: 1px solid #dddddd !important;
}
.type-table{
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.type-table thead tr{
  width: 380px;
  height: 50px;
  background: #bfdbfd;
}
.type-table .type-table-title th{
  width:33.3%;
  height: 50px;
  text-align: center;
}
.type-table tbody tr{
  border-bottom: 1px dashed #dddddd;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.type-table tbody{
  width: 380px;
  display: block;
  height: 290px;
  overflow-y: scroll;
}
.type-table tbody::-webkit-scrollbar{display: none}
.type-table tbody tr td{
  width:33.3%;
  height: 50px;
  text-align: center;
}
.type-table tbody tr td button{
  border: 0;
  background: none;
  color: #ff7800;
}
.new-task .condition-code{
  text-align: left;
  height: 50px;
  overflow: visible !important;
}
.new-task > ul.condition-code li > div:last-child{
  float: left;
}
.new-task > ul.condition-code li{
  padding: 0 17px;
  height: 50px;
  line-height: 50px;
}
.new-task .track-date{
  margin: 10px 0 0 18px;
  width: 345px;
  padding-top: 5px;
}
.new-task  .tz,.new-task  .tz div{
  border: 0;
  padding: 0 10px 0 0;
}
.new-task  .tz .el-input__inner {
  background-color: #fff !important;
  border: 1px solid #dddddd !important;
}
.new-task .track-date i.lianjie{
  font-size: 35px;
  color: #6dcc66;
  display: inline-block;
  margin-top: 5px;
}
.new-task .time-select i{
  right: auto;
  left: 0;
}
.new-task .time-select span{
  width: 30px !important;
}
.new-task .facility{
  left: 0 !important;
  top: 10px !important;
  width: 345px !important;
  box-shadow: none !important;
}
.new-task .facility input{
  width: 176px;
  height: 35px;
  display: inline-block;
  line-height: normal;
  vertical-align: 15px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.new-task .facility input[type=number] {
  -moz-appearance:textfield;
}
.new-task .facility input[type=number]::-webkit-inner-spin-button,
.new-task .facility input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.new-task .track-date span{
  width: 84px;
}
.new-task .track-date.zhanbi span:first-child{
  width: 136px;
}
.new-task .track-date.jiange div{
  width: 195px;
}
.new-task .span-date{
  margin-top: 5px;
}
.new-task > div:last-child{
  width: 345px !important;
}
.new-task .span-button{
  display: block;
  width: 345px;
  border-top: 1px dashed #dddddd;
  margin: 10px auto 0;
  line-height: 50px;
}
.new-task .span-button button{
  background: #00aef4;
  border: 0;
  width: 150px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff;
  height: 40px;
  margin: 10px 0 0 15px;
}
.new-task .span-button button:last-child{
  background: #ff7e00;
}
.new-task .condition-code-relevance{
  position: absolute;
  top: -30px;
  left: 400px;
  width: 320px;
  height: 300px;
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 0;
  border: 0;
}
.new-task .condition-code-relevance h5{
  width: 306px;
  height: 50px;
  background: #00aef4;
  font-size: 16px;
  color: #fff;
  padding-left: 14px;
  line-height: 50px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
}
.new-task .condition-code-relevance h5 i{
  color: #fff;
  font-size: 16px;
  margin-right: 14px;
}
.new-task .condition-code-relevance ul li{
  border-bottom: 1px dashed #ddd;
  overflow: hidden;
}
.new-task .condition-code-relevance ul li:first-child:after{
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  position: absolute;
  left: -10px;
  top: 60px;
  transform:rotate(45deg);
  -ms-transform:rotate(45deg); 	/* IE 9 */
  -moz-transform:rotate(45deg); 	/* Firefox */
  -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
  -o-transform:rotate(45deg); 	/* Opera */
}
.new-task .condition-code-relevance ul li div{
  width: 75px;
  height: 100px;
  text-align: right;
  border: 0;
  padding: 0 20px 0 0;
  font-size: 16px;
}
.new-task .condition-code-relevance ul li div span {
  width: 20px;
  height: 20px;
}
.new-task .condition-code-relevance ul li div:last-child{
  width: 225px;
  text-align: left;
  line-height: normal;
  padding: 7px 0 0 0;
}
.new-task .condition-code-relevance ul li label{
  width: 220px;
  margin-top: 5px;
}
.new-task .condition-code-relevance ul li .el-radio+.el-radio{
  margin-left: 0;
}
.new-task .condition-code-relevance ul li label .el-radio__label{
  width: 180px !important;
  line-height: 20px;
}
.new-task .condition-code-relevance ul li:last-child{
  height: 60px;
  padding: 0;
  margin: 0;
  border-bottom: 0;
}
.new-task .condition-code-relevance ul li:last-child div:first-child{
  line-height: 66px;
}
.new-task .condition-code-relevance ul li:nth-child(2),.new-task .condition-code-relevance ul li:nth-child(2) div{
  height: 74px;
}

.new-task .condition-code-relevance ul li:last-child div{
  height: 60px;
  line-height: 60px;
}
.new-task .condition-code-relevance ul li:last-child label{
  margin-top: 0;
}
.type-table .type-table-title th .icon-biaoqian{
  color: #666666;
  font-size: 20px;
}
.crash-title{
  border-bottom: 0 !important;
  padding: 25px 0 0 0;
  height: 20px !important;
  background: #fff !important;
}
.crash-title span{
  height: 20px;
  line-height: 20px;
}
.crash-card{
  top: 146px !important;
}
.crash-card div{
  clear: both;
}
.crash-card .el-card__body{
  padding: 10px 20px 0 20px;
}
.crash-card  .text .node-title{
  width: 80px;
  padding: 5px 0;
}
.crash-card .text .node-content{
  width: 330px;
}
.crash-card .date-input{
  width: 130px;
  display: inline-block;
  margin-right: 10px;
  height: 30px;
  border:1px solid #dddddd;
}
.crash-card .date-input:before{
  content: "\e637";
}
.crash-card .date-input:last-child{
  margin-left: 10px;
}
.crash-card .node-content{
  position: relative;
}
.crash-card .date-icon{
  position: absolute;
  left: 90px;
  top: 7px;
  color: #d6d6d6;
}
.crash-card .date-icon:nth-last-child(2){
  left: 265px;
}
.crash-card,.crash-card .card-con{
  height: auto !important;
}
.crash-card .text{
  margin-bottom: 0 !important;
}
.condition-list{
  left: 0 !important;
  width: 380px !important;
  top: 146px !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  height: 404px !important;
  overflow-y: scroll;
}
.condition-list::-webkit-scrollbar{display: none}
.condition-list .track-card{
  left: auto !important;
  top: 180px !important;
  width: 350px !important;
  margin: 0 0 10px 15px;
}
.crash-new-task table{
  table-layout: fixed;
  border-collapse:collapse;
}
.crash-new-task table tbody{
  display: block;
  width: 380px;
}
.crash-new-task table tr{
  width: 352px;
  padding: 0 14px;
  position: relative;
}
.crash-new-task table tr td{
  width: 100px;
  font-size: 16px;
  text-align: center;
  padding: 10px 0;
  border-bottom: 1px dashed #ddd;
}
.crash-new-task table tr td:last-child{
  width: 252px;
  text-align: left;
}
.crash-new-task table tr td input{
  border: 1px solid #dddddd;
  height: 40px;
  width: 230px;
}
.crash-new-task table tr td button{
  background: #ff7e00;
  border: 1px solid #ff7e00;
  height: 40px;
  width: 100px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff;
}
.crash-new-task .condition-list{
  margin-top: 10px;
  height: 375px !important;
}
.crash-new-task .condition-list .el-range-editor.el-input__inner{
  width: 310px;
}
.crash-new-task .condition-list  .el-input__inner {
  background-color: #fff !important;
  border: 1px solid #ddd !important;
  color: rgb(0, 174, 244) !important;
}
.crash-new-task .condition-list .el-date-editor .el-range-input{
  width: 36%;
}
.crash-new-task .condition-list .node-content button{
  float: left;
  display: inline-block;
  margin:0 0 0 10px ;
  background: #00aef4;
}
.crash-new-task .condition-list .node-content button:nth-last-child(2){
  width: 60px !important;
  background: #00cc66;
}
.crash-new-task .condition-list .node-conten-bottom input{
  display: inline-block;
  width: 134px;
  height: 30px;
  float: left;
}
.crash-new-task .condition-list .show-text{
  width: 308px;
  border: 1px solid #ddd;
  background: #fff;
  height: 70px;
}
.crash-new-task .condition-list .node-conten-bottom{
  margin-bottom: 10px;
}
.crash-new-task .condition-list .track-card{
  padding-bottom: 10px;
}
.add-condition-code .add-code-title{position: relative}
.add-condition-code .add-code .el-select{
  width: 135px;
  float: left;
}
.add-condition-code .add-code{
  padding: 10px 0 10px 14px;
  background: #f5f5f5;
  overflow: hidden;
}
.add-condition-code .add-code .el-input__inner{
  background-color: #fff !important;
  border: 1px solid #ddd !important;
}
.add-condition-code .add-code > input{
  width: 110px;
  height: 40px;
  border: 1px solid #ddd;
  float: left;
  margin-left: 10px;
  padding-left: 10px;
}
.add-condition-code .add-code > button{
  float: left;
  margin: 0 0 0 10px;
  height: 40px;
  background: #ff7e00;
}
.add-condition-code  .add-code-title{
  height: 50px;
  background: #bfdbfd;
  line-height: 50px;
  padding-left: 14px;
  font-size:18px;
}
.add-condition-code .add-code-content table tr td{
  width: 80px;
  line-height: 30px;
}
.add-condition-code .add-code-content table tr td:nth-child(2){
  width: 240px;
}
.add-condition-code .add-code-content table tr td:nth-child(3){
  width: 75px;
  text-align: center;
}
.add-condition-code .add-code-content table tr td:nth-child(3) i{
  font-size: 19px;
  color: #ec2929;
}
.add-condition-code .add-code-content table tr td:nth-child(3) i:last-child{
  font-size: 30px;
  color: #6dcc66;
  vertical-align: -4px;
}
.add-condition-code .select-datetime{
  margin-top: 10px;
}
.add-condition-code .select-datetime .el-input__inner{
  width: 360px !important;
  background-color: #fff !important;
  border: 1px solid #ddd !important;
}
.add-condition-code .analyze-track button{
  width: 352px !important;
  height: 50px;
  background: #00aef4;
  color: #fff;
  font-size: 16px;
}
.add-condition-code .add-code-content table tbody{
  height: 204px;
  overflow-y: scroll;
}
.add-condition-code .add-code-content table tbody::-webkit-scrollbar{display: none;}

.per-code-relevance{
  position:absolute;
  top:0;
  left:300px;
}
.per-code-ul{
  overflow-y:scroll;
  height:230px;
}
.per-code-ul::-webkit-scrollbar{display: none;}
.personnel-matching .step{
  top: 68px !important;
  height: 460px !important;
}
.per-condition-code-relevance{
  position: absolute;
  top: 28%;
  left: 415px;
  width: 306px !important;
  height: 300px;
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 0 !important;
  border: 0;
}
.per-condition-code-relevance h5{
  /*width: 306px;*/
  height: 50px;
  background: #00aef4;
  font-size: 16px;
  color: #fff;
  padding-left: 14px;
  line-height: 50px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
}
.per-condition-code-relevance h5 i{
  color: #fff;
  font-size: 16px;
  margin-right: 14px;
  float: right;
  cursor:pointer;
}
.per-condition-code-relevance ul li{
  border:1px solid transparent;
  border-bottom: 1px dashed #ddd;
  overflow: hidden;
  padding-bottom:6px;
}
.per-condition-code-relevance ul li:first-child:after{
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  background: #fff;
  position: absolute;
  left: -6px;
  top: 60px;
  transform:rotate(45deg);
  -ms-transform:rotate(45deg); 	/* IE 9 */
  -moz-transform:rotate(45deg); 	/* Firefox */
  -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
  -o-transform:rotate(45deg); 	/* Opera */
}
.per-condition-code-relevance ul li div{
  width: 75px;
  /*height: 100px;*/
  text-align: right;
  padding: 0 20px 0 0;
  font-size: 16px;
  float: left;
}
.per-condition-code-relevance ul li div:first-child{
  padding-top:5px;
}
.per-condition-code-relevance ul li div span {
  width: 20px;
  height: 20px;
}
.per-condition-code-relevance ul li div:last-child{
  width: 225px;
  text-align: left;
  line-height: 40px;
  padding-top:5px;
}
.per-condition-code-relevance ul li label{
  width: 220px;
  margin-top: 5px;
}
.per-condition-code-relevance ul li .el-radio+.el-radio{
  margin-left: 0;
}
.per-condition-code-relevance ul li label .el-radio__label{
  width: 180px !important;
  line-height: 20px;
}
.per-condition-code-relevance ul li:last-child{
  /*height: 60px;*/
  padding: 0;
  margin: 0;
  border-bottom: 0;
}
.per-condition-code-relevance ul li:last-child>div:first-child{
  line-height: 37px;
}
.per-condition-code-relevance ul li:nth-child(2),.per-condition-code-relevance ul li:nth-child(2) div{
 /*height: 74px;*/
}
.per-condition-code-relevance ul li>div:first-child{
  line-height:40px;
}
.per-condition-code-relevance ul li:last-child div:last-child{
  /*height: 60px;
  line-height: 50px;*/
}
.per-condition-code-relevance ul li:last-child label{
  margin-top: 0;
}
.timeStyle-text{
  padding-left:6px;
}
.personnel-view{
  padding:6px 23px;
  position: absolute;
  top: 126px;
  left: 0;
  bottom: 0;
  right: 0;
}
.personnel-view-k{
  padding:2px;
  width:100%;
  height:100%;
  background:url(../images/personnel-k.png) no-repeat;
  background-size:100% 100%;
}
.add-code-content{
  position:relative;
}
.add-contrail-code{
  height:210px;
  overflow-y:scroll;
  padding:0 10px;
}
.add-contrail-code::-webkit-scrollbar{
  display: none;
}
.add-contrail-code>li{
  line-height: 40px;
  border-bottom: 1px dashed #ddd;
}
.add-condition-tool{
  display:inline-block;
  width:80px;
  font-size: 16px;
  text-align: center;
}
.add-condition-num{
  display:inline-block;
  width:200px;
  font-size: 16px;
  text-align: center;
}
.add-condition-icon{
  display:inline-block;
  width:75px;
  text-align:center;
}
.add-condition-icon i:first-child{
  font-size: 19px;
  color: #ec2929;
  cursor:pointer;
}
.add-condition-icon i:last-child{
  font-size: 30px;
  color: #6dcc66;
  vertical-align: -4px;
  cursor:pointer;
}
.add-condition-date{
  position:absolute;
  top:-40px;
  left:415px;
  width:306px;
  height:300px;
  background-color:#fff;
  padding:0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.add-condition-date-txt{
  height:50px;
  background: #00aef4;
  font-size: 16px;
  color: #fff;
  padding-left: 14px;
  line-height: 50px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  position:relative;
}
.add-condition-date-txt:before{
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  background: #fff;
  position: absolute;
  left: -6px;
  top: 60px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.add-condition-date-txt span{
  float:left;
  font-size:18px;
  cursor:default;
}
.add-condition-date-txt i{
  float:right;
  margin-right:10px;
  cursor:pointer;
}
.add-condition-detail{
  overflow-y: scroll;
  height: 230px;
  padding:0 10px;
}
.add-condition-detail::-webkit-scrollbar{
  display:none;
}
.add-condition-detail-num{
  border-bottom:1px dashed #ddd;
  padding:6px 0;
  overflow:hidden;
  font-size:16px;
}
.add-condition-detail-num>span{
  float:left;
  width:60px;
  text-align:right;
}
.add-condition-detail-num>div{
  float:left;
  width:210px;
  padding-left:10px;
}
.add-condition-detail-num>div .el-checkbox+.el-checkbox{
  margin:0;
}


/****************碰撞分析样式***************/
.crash-list-task{
  width: 380px;
  height: 650px;
  background: #fff;
  position: absolute;
  top: 47px;
  left: 85px;
  border-radius: 4px;
  -moz-box-shadow:2px 2px 6px #666666;
  -webkit-box-shadow:2px 2px 6px #666666;
  box-shadow:2px 2px 6px #666666;
}
.crash-list-task > div:first-child{
  width: 100%;
  height: 60px;
  background: #01387b;
  color: #fff;
  line-height: 60px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
}
.crash-list-task > div:last-child{
  width: 190px;
  height: 58px;
  position: absolute;
  background: #fff;
  top: 0;
  left: 390px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -moz-box-shadow:2px 2px 6px #666666;
  -webkit-box-shadow:2px 2px 6px #666666;
  box-shadow:2px 2px 6px #666666;
  line-height: 58px;
}
.crash-list-task > div:last-child i{
  margin-left: 17px;
}
.crash-list-task > div:last-child i.icon-dingwei1:before,
.crash-list-task > div:last-child i.icon-dingwei2:before,
.crash-list-task > div:last-child i.icon-dingwei3:before{
  font-size: 35px;
}
.crash-list-task > div:last-child i.icon-dingwei1{
  color: #47cdfe ;
}
.crash-list-task > div:last-child i.icon-dingwei2{
  color: #00cc66 ;
}
.crash-list-task > div:last-child i.icon-dingwei3{
  color: #ff9600 ;
}
.crash-list-task > div h4{
  float: left;
  font-size: 18px;
  padding-left: 14px;
}
.crash-list-task > div button{
  float: right;
  width: 90px;
  height: 30px;
  background: #0297d8;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 0;
  color: #fff;
  font-size: 14px;
  margin: 12px 14px 0 0;
  cursor:pointer;
}
.crash-list-task > ul{
  height: 507px;
  overflow-y: scroll;
}
.crash-list-task > .cras-tk-list{
  height: 556px;
}
.crash-list-task > ul::-webkit-scrollbar {display:none}

.crash-list-task > ul li{
  border-bottom: 1px dashed #dddddd;
  padding: 18px 17px;
  overflow: hidden;
}
.crash-list-task > ul li > div{
  float: left;
  font-size: 16px;
  color: #333333;
}
.crash-list-task > ul li > div p{
  font-size: 14px;
  color: #999999;
  padding-top: 15px;
}
.crash-list-task > ul li > div:last-child{
  float: right;
}
.crash-list-task > ul li > div:last-child button{
  width: 90px;
  height: 35px;
  background: #e4093c;
  color: #fff;
  border: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 14px;
  margin-top: 10px;
}
.crash-list-task > ul li > div:last-child button.active{
  background: #ff7800;
}
.crash-list-task > ul li > div:last-child button.active1{
  background: #23ac3a;
}
.crash-list-result{
  top: 480px;
  height: 250px;
}
.crash-list-result > div:first-child{
  background: #00aef4;
  height: 50px;
  line-height: 50px;
}
.crash-list-result div:first-child button{
  background: none;
  width: 20px;
}
.crash-list-result ul.condition-code{
  padding: 0 10px;
  height: 50px;
  background: #bfdbfd;
}
.crash-list-result ul.condition-code li{
  width: 100%;
  height: 50px;

  color: #333333;
  padding: 0;
  line-height: 50px;
}
.crash-list-result ul.condition-code li div{
  text-align: center;
  background: none !important;
  width: 200px;
}
.crash-list-result ul.condition-code li div:first-child{
  text-align: center;
}
.crash-list-result ul.condition-code li div:last-child{
  background: none;
  width: 130px;
}
.crash-list-result ul.condition-code-list{
  background: none;
  height: 140.4px;
  overflow-y: scroll;
}
.crash-list-result ul.condition-code-list li{
  background: none;
  height: 45px;
}
.crash-list-result ul.condition-code-list li div:last-child button{
  background: none;
  border: 0;
  color: #ff8e42;
}
.crash-track-details ul.condition-code{
  padding: 0 !important;
}
.crash-track-details ul.condition-code li div{
  width: 358px !important;
  text-align: left !important;
  /*padding-left:22px !important;*/
}
.crash-track-details{
  left: 0;
  right: 0;
  top: 0;
  height: 550px;
}
.crh-content{
  position:absolute;
  left: auto;
  right: 37px;
  top: 85px;
  width: 380px;
  height: 550px;
}
.crash-track-details .step{
  left: 40px !important;
  top: 120px !important;
  width:300px !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  height: 410px !important;
  overflow-y: scroll;
}
.crash-track-details .step::-webkit-scrollbar{display: none}
.crash-track-details .step .el-step{
  line-height: normal;
}
.crash-track-details .step .el-step.is-vertical .el-step__title{
  padding-bottom: 2px;
}
.crash-track-details .step .el-step__title.is-wait{
  color: #333333;
  font-size: 16px;
}
.crash-track-details .step .el-step__description.is-wait{
  color: #999999;
  font-size: 14px;
}
.crash-track-details .step .el-step__head.is-wait{
  color: #333333;
  border-color:#0297d8 ;
  top:10px
}
.crash-track-details .step .el-step__icon-inner{
  font-weight: normal;
}
.crash-track-details .step .el-step__line{
  background-color: #dddddd;
}
.crash-track-details .step .el-steps--vertical{
  height: auto;
}
.crash-track-details .step .el-step__description{
  padding-bottom: 20px;
  font-weight: normal;
}
.crash-track-details ul.crash-track-details-title{
  background: none;
}
.crash-track-details div.crash-track-date{
  position: absolute;
  left: 50%;
  margin-left: -165px;
  background: none;
  top:100px;
  width: 330px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  font-size: 16px;
  border-top: 1px dashed #dddddd ;
  border-bottom: 1px dashed #dddddd ;
  padding: 10px 0;
}
.crash-track-details div.crash-track-date .el-input__inner{
  background: none !important;
  border-color:  #dddddd !important;
}
.crash-track-details div.crash-track-date .el-date-editor{
  width: 230px;
}
.crash-track-details div.crash-track-date  div:last-child i{
  margin-left: 0 !important;
}
.crash-track-card {
  left: 50% !important;
  top: 180px !important;
  width: 350px !important;
  margin-left: -175px;
  height: 350px !important;
}
.crash-track-card .el-card__header{
  padding: 10px 20px;
  line-height: normal;
}
.crash-track-card .text{
  line-height: normal;
  overflow: hidden;
  border-bottom: 1px dashed #eeeeee;
  margin-bottom: 10px;
}
.crash-track-card {
  background: #f5f5f5 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  border: 1px solid #dddddd;
}
.crash-track-card .text .node-title{
  float: left;
  width: 60px;
}
.crash-track-card .text .node-content{
  float: left;
  width: 250px;
  text-align: left;
}
.crash-track-card .text .el-radio+.el-radio{
  margin-left: 0 ;
}
.crash-track-card .text .el-radio{
  padding-right:  8px;
  margin-bottom: 7px;
}
.crash-track-card  .card-con{
  height: 290px;
  overflow-y:scroll ;
}
.crash-track-card  .card-con::-webkit-scrollbar{
  display: none;
}
.crash-track-card .el-card__header{
  border-bottom: 1px solid #dddddd;
}
.crash-track-date{
  height: 45px !important;
  position: relative;
}
.crash-track-date div{
  display: inline-block;
  width: 193px;
  height: 40px;
  border: 1px solid #dddddd;
  line-height: 40px;
  float: left;
  padding: 0 10px 0 12px;
  position: relative;
}
.crash-track-date span{
  display: inline-block;
  width: 97px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  float: left;
}
.crash-track-date div i{
  position: absolute;
  right: 5px;
  color: #cccccc;
  font-size: 22px;
}
.crash-track-date.jiange div{
  width: 152px;
}
.crash-track-date.jiange span:last-child{
  margin-left: 10px;
  width: 40px;
}
.crash-track-date.zhanbi span:first-child{
  width: 155px;
}
.crash-track-date.zhanbi div{
  width: 150px;
}
.crh-crash-title{
  background: #f2f2f2 !important;
}
.crh-crash-title i{
  float: right;
  margin-right: 10px;
  font-size: 24px;
  color: #cccccc;
}
.crh-crash-title1{
  background: #bfdbfd !important;
}
.crh-select-type {
  left: 0 !important;
  top: 0 !important;
  background: #f5f5f5 !important;
  box-shadow: none !important;
  width: 100% !important;
  padding:10px 0 ;
}
.crh-select-type .el-input{
  width: 90%;
  margin: 0 auto;
}
.crh-select-type .el-input__inner{
  background-color: #fff !important;
  border: 1px solid #dddddd !important;
}
.crh-type-table{
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.crh-type-table thead tr{
  width: 380px;
  height: 50px;
  background: #bfdbfd;
}
.crh-type-table .crh-type-table-title th{
  width:33.3%;
  height: 50px;
  text-align: center;
}
.crh-type-table tbody tr{
  border-bottom: 1px dashed #dddddd;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.crh-type-table tbody{
  width: 380px;
  display: block;
  height: 290px;
  overflow-y: scroll;
}
.crh-type-table tbody::-webkit-scrollbar{display: none}
.crh-type-table tbody tr td{
  width:33.3%;
  height: 47px;
  text-align: center;
}
.crh-type-table tbody tr td button{
  border: 0;
  background: none;
  color: #ff7800;
}
.crh-new-task .condition-code{
  text-align: left;
  height: 50px;
  overflow: visible !important;
}
.crh-new-task > ul.condition-code li > div:last-child{
  float: left;
}
.crh-new-task > ul.condition-code li{
  padding: 0 17px;
  height: 50px;
  line-height: 50px;
}
.crh-new-task .crash-track-date{
  margin: 10px 0 0 18px;
  width: 345px;
  padding-top: 5px;
}
.crh-new-task  .tz,.crh-new-task  .tz div{
  border: 0;
  padding: 0 10px 0 0;
}
.crh-new-task  .tz .el-input__inner {
  background-color: #fff !important;
  border: 1px solid #dddddd !important;
}
.crh-new-task .crash-track-date i.lianjie{
  font-size: 35px;
  color: #6dcc66;
  display: inline-block;
  margin-top: 5px;
}
.crh-new-task .time-select i{
  right: auto;
  left: 0;
}
.crh-new-task .time-select span{
  width: 30px !important;
}
.crh-new-task .facility{
  left: 0 !important;
  top: 10px !important;
  width: 345px !important;
  box-shadow: none !important;
}
.crh-new-task .facility input{
  width: 176px;
  height: 35px;
  display: inline-block;
  line-height: normal;
  vertical-align: 15px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.crh-new-task .facility input[type=number] {
  -moz-appearance:textfield;
}
.crh-new-task .facility input[type=number]::-webkit-inner-spin-button,
.crh-new-task .facility input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.crh-new-task .crash-track-date span{
  width: 84px;
}
.crh-new-task .crash-track-date.zhanbi span:first-child{
  width: 136px;
}
.crh-new-task .crash-track-date.jiange div{
  width: 195px;
}
.crh-new-task .span-date{
  margin-top: 5px;
}
.crh-new-task > div:last-child{
  width: 345px !important;
}
.crh-new-task .span-button,.crash-crh-new-task .span-button{
  display: block;
  width: 345px;
  border-top: 1px dashed #dddddd;
  margin: 6px auto 0;
  line-height: 50px;
}
.crash-crh-new-task .span-button{
  border: 0
}
.crh-new-task .span-button button,.crash-crh-new-task .span-button button{
  background: #00aef4;
  border: 0;
  width: 150px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff;
  height: 40px;
  margin: 10px 0 0 15px;
  cursor:pointer;
}
.crh-new-task .span-button button:last-child,.crash-crh-new-task .span-button button:last-child{
  background: #ff7e00;
}
.crh-new-task .condition-code-relevance{
  position: absolute;
  top: -30px;
  left: 400px;
  width: 320px;
  height: 300px;
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 0;
  border: 0;
}
.crh-new-task .condition-code-relevance h5{
  width: 306px;
  height: 50px;
  background: #00aef4;
  font-size: 16px;
  color: #fff;
  padding-left: 14px;
  line-height: 50px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
}
.crh-new-task .condition-code-relevance h5 i{
  color: #fff;
  font-size: 16px;
  margin-right: 14px;
}
.crh-new-task .condition-code-relevance ul li{
  border-bottom: 1px dashed #ddd;
  overflow: hidden;
}
.crh-new-task .condition-code-relevance ul li:first-child:after{
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  position: absolute;
  left: -10px;
  top: 60px;
  transform:rotate(45deg);
  -ms-transform:rotate(45deg); 	/* IE 9 */
  -moz-transform:rotate(45deg); 	/* Firefox */
  -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
  -o-transform:rotate(45deg); 	/* Opera */
}
.crh-new-task .condition-code-relevance ul li div{
  width: 75px;
  height: 100px;
  text-align: right;
  border: 0;
  padding: 0 20px 0 0;
  font-size: 16px;
}
.crh-new-task .condition-code-relevance ul li div span {
  width: 20px;
  height: 20px;
}
.crh-new-task .condition-code-relevance ul li div:last-child{
  width: 225px;
  text-align: left;
  line-height: normal;
  padding: 7px 0 0 0;
}
.crh-new-task .condition-code-relevance ul li label{
  width: 220px;
  margin-top: 5px;
}
.crh-new-task .condition-code-relevance ul li .el-radio+.el-radio{
  margin-left: 0;
}
.crh-new-task .condition-code-relevance ul li label .el-radio__label{
  width: 180px !important;
  line-height: 20px;
}
.crh-new-task .condition-code-relevance ul li:last-child{
  height: 60px;
  padding: 0;
  margin: 0;
  border-bottom: 0;
}
.crh-new-task .condition-code-relevance ul li:last-child div:first-child{
  line-height: 66px;
}
.crh-new-task .condition-code-relevance ul li:nth-child(2),.crh-new-task .condition-code-relevance ul li:nth-child(2) div{
  height: 74px;
}

.crh-new-task .condition-code-relevance ul li:last-child div{
  height: 60px;
  line-height: 60px;
}
.crh-new-task .condition-code-relevance ul li:last-child label{
  margin-top: 0;
}
.crh-type-table .crh-type-table-title th .icon-biaoqian{
  color: #666666;
  font-size: 20px;
}
.crh-crash-title{
  border-bottom: 0 !important;
  padding: 25px 0 0 0;
  height: 45px !important;
  background: #fff !important;
}
.crh-crash-title span{
  height: 20px;
  line-height: 20px;
}
.crh-card{
  top: 146px !important;
}
.crh-card div{
  clear: both;
}
.crh-card .el-card__body{
  padding: 10px 20px 0 20px;
}
.crh-card  .text .node-title{
  width: 80px;
  padding: 5px 0;
}
.crh-card .text .node-content{
  width: 330px;
}
.crh-card .date-input{
  width: 130px;
  display: inline-block;
  margin-right: 10px;
  height: 30px;
  border:1px solid #dddddd;
}
.crh-card .date-input:before{
  content: "\e637";
}
.crh-card .date-input:last-child{
  margin-left: 10px;
}
.crh-card .node-content{
  position: relative;
}
.crh-card .date-icon{
  position: absolute;
  left: 90px;
  top: 7px;
  color: #d6d6d6;
}
.crh-card .date-icon:nth-last-child(2){
  left: 265px;
}
.crh-card,.crh-card .card-con{
  height: auto !important;
}
.crh-card .text{
  margin-bottom: 0 !important;
}
.crh-condition-list{
  left: 0 !important;
  width: 380px !important;
  top: 146px !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  height: 404px !important;
  overflow-y: scroll;
}
.crh-condition-list::-webkit-scrollbar{display: none}
.crh-condition-list .crash-track-card{
  left: auto !important;
  top: 180px !important;
  width: 350px !important;
  margin: 0 0 10px 15px;
}
.crash-crh-new-task table{
  table-layout: fixed;
  border-collapse:collapse;
}
.crash-crh-new-task table tbody{
  display: block;
  width: 380px;
}
.crash-crh-new-task table tr{
  display: block;
  width: 352px;
  padding: 0 14px;
}
.crash-crh-new-task table tr td{
  width: 100px;
  font-size: 16px;
  text-align: center;
  padding: 10px 0;
  border-bottom: 1px dashed #ddd;
}
.crash-crh-new-task table tr td:last-child{
  width: 252px;
  text-align: left;
}
.crash-crh-new-task table tr td input{
  border: 1px solid #dddddd;
  height: 35px;
  width: 230px;
}
.crash-crh-new-task table tr td button{
  background: #ff7e00;
  border: 1px solid #ff7e00;
  height: 35px;
  width: 100px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff;
  cursor:pointer;
}
.crash-crh-new-task .crh-condition-list{
  margin-top: 10px;
  height: 397px !important;
}
.crash-crh-new-task .crh-condition-list .el-range-editor.el-input__inner{
  width: 310px;
}
.crash-crh-new-task .crh-condition-list  .el-input__inner {
  background-color: #fff !important;
  border: 1px solid #ddd !important;
  color: rgb(0, 174, 244) !important;
}
.crash-crh-new-task .crh-condition-list .el-date-editor .el-range-input{
  width: 36%;
}
.crash-crh-new-task .crh-condition-list .node-content button{
  float: left;
  display: inline-block;
  margin:0 0 0 10px ;
  background: #00aef4;
  cursor:pointer;
}
.crash-crh-new-task .crh-condition-list .node-content button:nth-last-child(2){
  width: 60px !important;
  background: #00cc66;
}
.crash-crh-new-task .crh-condition-list .node-conten-bottom input{
  display: inline-block;
  width: 134px;
  height: 30px;
  float: left;
}
.crash-crh-new-task .crh-condition-list .show-text{
  width: 308px;
  border: 1px solid #ddd;
  background: #fff;
  height: 70px;
}
.crash-crh-new-task .crh-condition-list .node-conten-bottom{
  margin-bottom: 10px;
}
.crash-crh-new-task .crh-condition-list .crash-track-card{
  padding-bottom: 10px;
}
.crash-track-details .crash-track-date-first{
  border-top:0 !important
}

/*************滑块样式***********/
.crash-slug{
  width:200px;
  height:40px;
  border:1px solid red;
  position:absolute;
  top:5%;
  left:50%;
}

.flag{
  width:150px !important;
  height:40px !important;
  line-height:40px !important;
}
.flag i{
  cursor:pointer;
}
.flag i:before{
  font-size:23px !important;
}
.flag .icon-active:before{
  color:#0258A1;
}


/***********伴随分析样式**********/
.accom-task-list{
  width: 380px;
  height: 567px;
  background: #fff;
  position: absolute;
  top: 40px;
  left: 85px;
  border-radius: 4px;
  -moz-box-shadow:2px 2px 6px #666666;
  -webkit-box-shadow:2px 2px 6px #666666;
  box-shadow:2px 2px 6px #666666;
}
.accom-task-list > div:first-child{
  width: 100%;
  height: 60px;
  background: #01387b;
  color: #fff;
  line-height: 60px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
}
.accom-task-list > div:last-child{
  width: 190px;
  height: 69px;
  position: absolute;
  background: #fff;
  top: 0;
  left: 390px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -moz-box-shadow:2px 2px 6px #666666;
  -webkit-box-shadow:2px 2px 6px #666666;
  box-shadow:2px 2px 6px #666666;
  line-height: 69px;
}
.accom-task-list > div:last-child i{
  margin-left: 17px;
}
.accom-task-list > div:last-child i.icon-dingwei1:before,
.accom-task-list > div:last-child i.icon-dingwei2:before,
.accom-task-list > div:last-child i.icon-dingwei3:before{
  font-size: 35px;
}
.accom-task-list > div:last-child i.icon-dingwei1{
  color: #47cdfe ;
}
.accom-task-list > div:last-child i.icon-dingwei2{
  color: #00cc66 ;
}
.accom-task-list > div:last-child i.icon-dingwei3{
  color: #ff9600 ;
}
.accom-task-list > div h4{
  float: left;
  font-size: 18px;
  padding-left: 14px;
}
.accom-mission-icon{
  float:right;
  display: inline-block;
  color:#fff;
  font-size:20px;
  margin-right:10px;
  margin-top:20px;
  cursor:pointer;
}
.accom-task-list > div button{
  float: right;
  width: 90px;
  height: 35px;
  background: #0297d8;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 0;
  color: #fff;
  font-size: 14px;
  margin: 12px 14px 0 0;
}
.accom-task-list > ul{
  height: 507px;
  overflow-y: scroll;
}
.accom-task-list > ul::-webkit-scrollbar {display:none}

.accom-task-list > ul li{
  border-bottom: 1px dashed #dddddd;
  padding: 18px 17px;
  overflow: hidden;
}
.accom-task-list > ul li > div{
  float: left;
  font-size: 16px;
  color: #333333;
}
.accom-task-list > ul li > div p{
  font-size: 14px;
  color: #999999;
  padding-top: 15px;
}
.accom-task-list > ul li > div:last-child{
  float: right;
}
.accom-task-list > ul li > div:last-child button{
  width: 90px;
  height: 35px;
  background: #e4093c;
  color: #fff;
  border: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 14px;
  margin-top: 10px;
}
.accom-task-list > ul li > div:last-child button.active{
  background: #ff7800;
}
.accom-task-list > ul li > div:last-child button.active1{
  background: #23ac3a;
}
.accom-result-list{
  top: 480px;
  height: 250px;
}
.accom-result-list > div:first-child{
  background: #00aef4;
  height: 50px;
  line-height: 50px;
}
.accom-result-list div:first-child button{
  background: none;
  width: 20px;
}
.accom-result-list ul.condition-code{
  padding: 0 10px;
  height: 50px;
  background: #bfdbfd;
}
.accom-result-list ul.condition-code li{
  width: 100%;
  height: 50px;

  color: #333333;
  padding: 0;
  line-height: 50px;
}
.accom-result-list ul.condition-code li div{
  text-align: center;
  background: none !important;
  width: 200px;
}
.accom-result-list ul.condition-code li div:first-child{
  text-align: center;
}
.accom-result-list ul.condition-code li div:last-child{
  background: none;
  width: 130px;
}
.accom-result-list ul.condition-code-list{
  background: none;
  height: 140.4px;
  overflow-y: scroll;
}
.accom-result-list ul.condition-code-list li{
  background: none;
  height: 45px;
}
.accom-result-list ul.condition-code-list li div:last-child button{
  background: none;
  border: 0;
  color: #ff8e42;
}
.accom-track-details ul.condition-code{
  padding: 0 !important;
}
.accom-track-details ul.condition-code li div{
  width: 358px !important;
  text-align: left !important;
  padding-left:22px !important;
}
.accom-track-details{
  left: auto;
  right: 39px;
  top: 40px;
  height: 550px;
}
.accom-track-details .step{
  left: 40px !important;
  top: 120px !important;
  width:300px !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  height: 410px !important;
  overflow-y: scroll;
}
.accom-track-details .step::-webkit-scrollbar{display: none}
.accom-track-details .step .el-step{
  line-height: normal;
}
.accom-track-details .step .el-step.is-vertical .el-step__title{
  padding-bottom: 2px;
}
.accom-track-details .step .el-step__title.is-wait{
  color: #333333;
  font-size: 16px;
}
.accom-track-details .step .el-step__description.is-wait{
  color: #999999;
  font-size: 14px;
}
.accom-track-details .step .el-step__head.is-wait{
  color: #333333;
  border-color:#0297d8 ;
  top:10px
}
.accom-track-details .step .el-step__icon-inner{
  font-weight: normal;
}
.accom-track-details .step .el-step__line{
  background-color: #dddddd;
}
.accom-track-details .step .el-steps--vertical{
  height: auto;
}
.accom-track-details .step .el-step__description{
  padding-bottom: 20px;
  font-weight: normal;
}
.accom-track-details ul.accom-track-details-title{
  background: none;
}
.accom-track-details div.accom-track-date{
  position: absolute;
  left: 50%;
  margin-left: -165px;
  background: none;
  top:100px;
  width: 330px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  font-size: 16px;
  border-top: 1px dashed #dddddd ;
  border-bottom: 1px dashed #dddddd ;
  padding: 10px 0;
}
.accom-track-details div.accom-track-date .el-input__inner{
  background: none !important;
  border-color:  #dddddd !important;
}
.accom-track-details div.accom-track-date .el-date-editor{
  width: 230px;
}
.accom-track-details div.accom-track-date  div:last-child i{
  margin-left: 0 !important;
}
.accom-track-card {
  left: 50% !important;
  top: 180px !important;
  width: 350px !important;
  margin-left: -175px;
  height: 350px !important;
}
.accom-track-card .el-card__header{
  padding: 10px 20px;
  line-height: normal;
}
.accom-track-card .text{
  line-height: normal;
  overflow: hidden;
  border-bottom: 1px dashed #eeeeee;
  margin-bottom: 10px;
}
.accom-track-card {
  background: #f5f5f5 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  border: 1px solid #dddddd;
}
.accom-track-card .text .node-title{
  float: left;
  width: 60px;
}
.accom-track-card .text .node-content{
  float: left;
  width: 250px;
  text-align: left;
}
.accom-track-card .text .el-radio+.el-radio{
  margin-left: 0 ;
}
.accom-track-card .text .el-radio{
  padding-right:  8px;
  margin-bottom: 7px;
}
.accom-track-card  .card-con{
  height: 290px;
  overflow-y:scroll ;
}
.accom-track-card  .card-con::-webkit-scrollbar{
  display: none;
}
.accom-track-card .el-card__header{
  border-bottom: 1px solid #dddddd;
}
.accom-track-date{
  height: 54px !important;
  position: relative;
}
.accom-track-date div{
  display: inline-block;
  width: 193px;
  height: 40px;
  border: 1px solid #dddddd;
  line-height: 40px;
  float: left;
  padding: 0 10px 0 12px;
  position: relative;
}
.accom-track-date span{
  display: inline-block;
  width: 97px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  float: left;
}
.accom-track-date div i{
  position: absolute;
  right: 5px;
  color: #cccccc;
  font-size: 22px;
}
.accom-track-date.jiange div{
  width: 152px;
}
.accom-track-date.jiange span:last-child{
  margin-left: 10px;
  width: 40px;
}
.accom-track-date.zhanbi span:first-child{
  width: 155px;
}
.accom-track-date.zhanbi div{
  width: 150px;
}
.accom-crash-title{
  background: #f2f2f2 !important;
}
.accom-crash-title i{
  float: right;
  margin-right: 10px;
  font-size: 24px;
  color: #cccccc;
}
.accom-crash-title1{
  background: #bfdbfd !important;
}
.accom-select-type {
  left: 0 !important;
  top: 0 !important;
  background: #f5f5f5 !important;
  box-shadow: none !important;
  width: 100% !important;
  padding:10px 0 ;
}
.accom-select-type .el-input{
  width: 90%;
  margin: 0 auto;
}
.accom-select-type .el-input__inner{
  background-color: #fff !important;
  border: 1px solid #dddddd !important;
}
.accom-type-table{
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.accom-type-table thead tr{
  width: 380px;
  height: 50px;
  background: #bfdbfd;
}
.accom-type-table .accom-type-table-title th{
  width:33.3%;
  height: 50px;
  text-align: center;
}
.accom-type-table tbody tr{
  border-bottom: 1px dashed #dddddd;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.accom-type-table tbody{
  width: 380px;
  display: block;
  height: 290px;
  overflow-y: scroll;
}
.accom-type-table tbody::-webkit-scrollbar{display: none}
.accom-type-table tbody tr td{
  width:33.3%;
  height: 50px;
  text-align: center;
}
.accom-type-table tbody tr td button{
  border: 0;
  background: none;
  color: #ff7800;
}
.accom-new-task .condition-code{
  text-align: left;
  height: 50px;
  overflow: visible !important;
}
.accom-new-task > ul.condition-code li > div:last-child{
  float: left;
}
.accom-new-task > ul.condition-code li{
  padding: 0 17px;
  height: 50px;
  line-height: 50px;
}
.accom-new-task .accom-track-date{
  margin: 10px 0 0 18px;
  width: 345px;
  padding-top: 9px;
}
.accom-new-task  .tz,.accom-new-task  .tz div{
  border: 0;
  padding: 0 10px 0 0;
}
.accom-new-task  .tz .el-input__inner {
  background-color: #fff !important;
  border: 1px solid #dddddd !important;
}
.accom-new-task .accom-track-date i.lianjie{
  font-size: 35px;
  color: #6dcc66;
  display: inline-block;
  margin-top: 5px;
}
.add-accom-date{
  width:306px !important;
  height:300px !important;
  position:absolute !important;
  border:none !important;
  line-height:1 !important;
  float:none !important;
  padding:0 !important;
  left:385px;
}
.accom-track-date .add-accom-date div{
  height:auto;
}
.add-accom-date .add-condition-date-txt{
  width:inherit !important;
  height:40px !important;
  border:none !important;
  line-height:1 !important;
  float:none !important;
}
.add-accom-date .add-condition-date-txt i{
  position: static !important;
  font-size:20px !important;
  color:#fff !important;
  margin-top:10px;
}
.add-accom-date .add-condition-detail{
  width:inherit !important;
  height:230px !important;
  border:none !important;
  line-height:1 !important;
  float:none !important;
  position: static !important;
  padding:0 10px !important;
}
.add-accom-date .add-condition-detail-num{
  width:285px !important;
  /*height:230px !important;*/
  border:none !important;
  border-bottom:1px dashed #ddd !important;
  line-height:1 !important;
  float:none !important;
  position: static !important;
  padding:6px 0 !important;
}
.accom-new-task .add-accom-date .add-condition-detail-num>span{
  width:60px;
  height:23px;
  line-height:23px;
}
.add-accom-date .add-condition-detail-num>div{
  width:210px !important;
  border:none !important;
  line-height:1 !important;
  float:left !important;
  position: static !important;
  padding:0 !important;
  padding-left:10px !important;
}
.add-accom-date .add-condition-detail-num>div div{
  width:inherit !important;
  border:none !important;
  line-height:1 !important;
  float:none !important;
  position: static !important;
  padding:0 !important;
}
.add-accom-date .add-condition-detail-num>div label span:first-child{
  width:15px;
  height:23px;
  line-height:23px;
  display:inline-block;
  overflow:visible;
}
.add-accom-date .add-condition-detail-num>div label span:first-child span{
  width:14px;
  height:14px;
  line-height: 1;
  margin-top:5px;
}
.add-accom-date .add-condition-detail-num>div label span:last-child{
  width:180px;
  height:23px;
  line-height:23px;
}
.accom-new-task .time-select i{
  right: auto;
  left: 0;
}
.accom-new-task .time-select span{
  width: 30px !important;
}
.accom-new-task .facility{
  left: 0 !important;
  top: 10px !important;
  width: 345px !important;
  box-shadow: none !important;
}
.accom-new-task .facility input{
  width: 176px;
  height: 35px;
  display: inline-block;
  line-height: normal;
  vertical-align: 15px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.accom-new-task .facility input[type=number] {
  -moz-appearance:textfield;
}
.accom-new-task .facility input[type=number]::-webkit-inner-spin-button,
.accom-new-task .facility input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.accom-new-task .accom-track-date span{
  width: 84px;
}
.accom-new-task .accom-track-date.zhanbi span:first-child{
  width: 136px;
}
.accom-new-task .accom-track-date.jiange div{
  width: 195px;
}
.accom-new-task .span-date{
  margin-top: 5px;
}
/*.accom-new-task > div:last-child{
  width: 345px !important;
}*/
.accom-new-task .span-button{
  display: block;
  width: 345px;
  border-top: 1px dashed #dddddd;
  margin: 10px auto 0;
  line-height: 50px;
}
.accom-new-task .span-button button{
  background: #00aef4;
  border: 0;
  width: 150px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff;
  height: 40px;
  margin: 10px 0 0 15px;
}
.accom-new-task .span-button button:last-child{
  background: #ff7e00;
}
.accom-new-task .condition-code-relevance{
  position: absolute;
  top: -30px;
  left: 400px;
  width: 320px;
  height: 300px;
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 0;
  border: 0;
}
.accom-new-task .condition-code-relevance h5{
  width: 100%;
  height: 50px;
  background: #00aef4;
  font-size: 16px;
  color: #fff;
  padding-left: 14px;
  line-height: 50px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
}
.accom-new-task .condition-code-relevance h5 i{
  color: #fff;
  font-size: 16px;
  margin-right: 14px;
}
.accom-new-task .condition-code-relevance ul li{
  border-bottom: 1px dashed #ddd;
  overflow: hidden;
}
.accom-new-task .condition-code-relevance ul li:first-child:after{
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  position: absolute;
  left: -10px;
  top: 60px;
  transform:rotate(45deg);
  -ms-transform:rotate(45deg); 	/* IE 9 */
  -moz-transform:rotate(45deg); 	/* Firefox */
  -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
  -o-transform:rotate(45deg); 	/* Opera */
}
.accom-new-task .condition-code-relevance ul li div{
  width: 75px;
  height: 100px;
  text-align: right;
  border: 0;
  padding: 0 20px 0 0;
  font-size: 16px;
}
.accom-new-task .condition-code-relevance ul li div span {
  width: 20px;
  height: 20px;
}
.accom-new-task .condition-code-relevance ul li div:last-child{
  width: 225px;
  text-align: left;
  line-height: normal;
  padding: 7px 0 0 0;
}
.accom-new-task .condition-code-relevance ul li label{
  width: 220px;
  margin-top: 5px;
}
.accom-new-task .condition-code-relevance ul li .el-radio+.el-radio{
  margin-left: 0;
}
.accom-new-task .condition-code-relevance ul li label .el-radio__label{
  width: 180px !important;
  line-height: 20px;
}
.accom-new-task .condition-code-relevance ul li:last-child{
  height: 60px;
  padding: 0;
  margin: 0;
  border-bottom: 0;
}
.accom-new-task .condition-code-relevance ul li:last-child div:first-child{
  line-height: 66px;
}
.accom-new-task .condition-code-relevance ul li:nth-child(2),.accom-new-task .condition-code-relevance ul li:nth-child(2) div{
  height: 74px;
}

.accom-new-task .condition-code-relevance ul li:last-child div{
  height: 60px;
  line-height: 60px;
}
.accom-new-task .condition-code-relevance ul li:last-child label{
  margin-top: 0;
}
.accom-type-table .accom-type-table-title th .icon-biaoqian{
  color: #666666;
  font-size: 20px;
}
.accom-track-details .accom-track-date{
  height: 67px !important
}
.accom-track-details .accom-track-date-first{
  border-top: 0 !important
}



/***************时间碰撞分析样式*************/
.while-task-list{
  width: 380px;
  height: 567px;
  background: #fff;
  position: absolute;
  top: 50px;
  left: 78px;
  border-radius: 4px;
  -moz-box-shadow:2px 2px 6px #666666;
  -webkit-box-shadow:2px 2px 6px #666666;
  box-shadow:2px 2px 6px #666666;
}
.while-task-list > div:first-child{
  width: 100%;
  height: 60px;
  background: #01387b;
  color: #fff;
  line-height: 60px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
}
.while-task-list > div:last-child{
  width: 220px;
  height: 69px;
  position: absolute;
  background: #fff;
  top: 0;
  left: 390px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -moz-box-shadow:2px 2px 6px #666666;
  -webkit-box-shadow:2px 2px 6px #666666;
  box-shadow:2px 2px 6px #666666;
  line-height: 69px;
}
.while-task-list>div.while-collision-time-condition{
  position:static;
}
.while-task-list > div:last-child i{
  margin-left: 17px;
}
.while-task-list > div:last-child i.icon-dingwei1:before,
.while-task-list > div:last-child i.icon-dingwei2:before,
.while-task-list > div:last-child i.icon-dingwei3:before{
  font-size: 48px;
}
.while-task-list > div:last-child i.icon-dingwei1{
  color: #47cdfe ;
}
.while-task-list > div:last-child i.icon-dingwei2{
  color: #00cc66 ;
}
.while-task-list > div:last-child i.icon-dingwei3{
  color: #ff9600 ;
}
.while-task-list > div h4{
  float: left;
  font-size: 18px;
  padding-left: 14px;
}
.while-task-list > div button{
  float: right;
  width: 90px;
  height: 35px;
  background: #0297d8;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 0;
  color: #fff;
  font-size: 14px;
  margin: 12px 14px 0 0;
}
.while-task-list > ul{
  height: 507px;
  overflow-y: scroll;
}
.while-task-list > ul::-webkit-scrollbar {display:none}

.while-task-list > ul li{
  border-bottom: 1px dashed #dddddd;
  padding: 18px 17px;
  overflow: hidden;
}
.while-task-list > ul li > div{
  float: left;
  font-size: 16px;
  color: #333333;
}
.while-task-list > ul li > div p{
  font-size: 14px;
  color: #999999;
  padding-top: 15px;
}
.while-task-list > ul li > div:last-child{
  float: right;
}
.while-task-list > ul li > div:last-child button{
  width: 90px;
  height: 35px;
  background: #014597;
  color: #fff;
  border: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 14px;
  margin-top: 10px;
}
.while-task-list > ul li > div:last-child button.active{
  background: #ff7800;
}
.while-task-list > ul li > div:last-child button.active1{
  background: #23ac3a;
}
.while-result-list{
  top: 480px;
  height: 250px;
}
.while-result-list > div:first-child{
  background: #00aef4;
  height: 50px;
  line-height: 50px;
}
.while-result-list div:first-child button{
  background: none;
  width: 20px;
}
.while-result-list ul.condition-code{
  padding: 0 10px;
  height: 50px;
  background: #bfdbfd;
}
.while-result-list ul.condition-code li{
  width: 100%;
  height: 50px;

  color: #333333;
  padding: 0;
  line-height: 50px;
}
.while-result-list ul.condition-code li div{
  text-align: center;
  background: none !important;
  width: 200px;
}
.while-result-list ul.condition-code li div:first-child{
  text-align: center;
}
.while-result-list ul.condition-code li div:last-child{
  background: none;
  width: 130px;
}
.while-result-list ul.condition-code-list{
  background: none;
  height: 140.4px;
  overflow-y: scroll;
}
.while-result-list ul.condition-code-list li{
  background: none;
  height: 45px;
}
.while-result-list ul.condition-code-list li div:last-child button{
  background: none;
  border: 0;
  color: #ff8e42;
}
.while-track-details ul.condition-code{
  padding: 0 !important;
}
.while-track-details ul.condition-code li div{
  width: 358px !important;
  text-align: left !important;
  padding-left:22px !important;
}
.while-track-details{
  left: auto;
  right: 36px;
  top: 50px;
  height: 550px;
}
.while-track-details .step{
  left: 40px !important;
  top: 120px !important;
  width:300px !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  height: 410px !important;
  overflow-y: scroll;
}
.while-track-details .step::-webkit-scrollbar{display: none}
.while-track-details .step .el-step{
  line-height: normal;
}
.while-track-details .step .el-step.is-vertical .el-step__title{
  padding-bottom: 2px;
}
.while-track-details .step .el-step__title.is-wait{
  color: #333333;
  font-size: 16px;
}
.while-track-details .step .el-step__description.is-wait{
  color: #999999;
  font-size: 14px;
}
.while-track-details .step .el-step__head.is-wait{
  color: #333333;
  border-color:#0297d8 ;
  top:10px
}
.while-track-details .step .el-step__icon-inner{
  font-weight: normal;
}
.while-track-details .step .el-step__line{
  background-color: #dddddd;
}
.while-track-details .step .el-steps--vertical{
  height: auto;
}
.while-track-details .step .el-step__description{
  padding-bottom: 20px;
  font-weight: normal;
}
.while-track-details ul.while-track-details-title{
  background: none;
}
.while-track-details div.while-track-date{
  position: absolute;
  left: 50%;
  margin-left: -165px;
  background: none;
  top:100px;
  width: 330px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  font-size: 16px;
  border-top: 1px dashed #dddddd ;
  border-bottom: 1px dashed #dddddd ;
  padding: 10px 0;
}
.while-track-details div.while-track-date .el-input__inner{
  background: none !important;
  border-color:  #dddddd !important;
}
.while-track-details div.while-track-date .el-date-editor{
  width: 230px;
}
.while-track-details div.while-track-date  div:last-child i{
  margin-left: 0 !important;
}
.while-track-card {
  left: 50% !important;
  top: 180px !important;
  width: 350px !important;
  margin-left: -175px;
  height: 350px !important;
}
.while-track-card .el-card__header{
  padding: 10px 20px;
  line-height: normal;
}
.while-track-card .text{
  line-height: normal;
  overflow: hidden;
  border-bottom: 1px dashed #eeeeee;
  margin-bottom: 10px;
}
.while-track-card {
  background: #f5f5f5 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  border: 1px solid #dddddd;
}
.while-track-card .text .node-title{
  float: left;
  width: 60px;
}
.while-track-card .text .node-content{
  float: left;
  width: 250px;
  text-align: left;
}
.while-track-card .text .el-radio+.el-radio{
  margin-left: 0 ;
}
.while-track-card .text .el-radio{
  padding-right:  8px;
  margin-bottom: 7px;
}
.while-track-card  .card-con{
  height: 290px;
  overflow-y:scroll ;
}
.while-track-card  .card-con::-webkit-scrollbar{
  display: none;
}
.while-track-card .el-card__header{
  border-bottom: 1px solid #dddddd;
}
.while-track-date{
  height: 45px !important;
  position: relative;
}
.while-track-date div{
  display: inline-block;
  width: 193px;
  height: 40px;
  border: 1px solid #dddddd;
  line-height: 40px;
  float: left;
  padding: 0 10px 0 12px;
  position: relative;
}
.while-track-date span{
  display: inline-block;
  width: 97px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  float: left;
}
.while-track-date div i{
  position: absolute;
  right: 5px;
  color: #cccccc;
  font-size: 22px;
}
.while-track-date.jiange div{
  width: 152px;
}
.while-track-date.jiange span:last-child{
  margin-left: 10px;
  width: 40px;
}
.while-track-date.zhanbi span:first-child{
  width: 155px;
}
.while-track-date.zhanbi div{
  width: 150px;
}
.while-crash-title{
  background: #f2f2f2 !important;
}
.while-crash-title i{
  float: right;
  margin-right: 10px;
  font-size: 24px;
  color: #cccccc;
}
.while-crash-title1{
  background: #bfdbfd !important;
}
.while-select-type {
  left: 0 !important;
  top: 0 !important;
  background: #f5f5f5 !important;
  box-shadow: none !important;
  width: 100% !important;
  padding:10px 0 ;
}
.while-select-type .el-input{
  width: 90%;
  margin: 0 auto;
}
.while-select-type .el-input__inner{
  background-color: #fff !important;
  border: 1px solid #dddddd !important;
}
.while-type-table{
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.while-type-table thead tr{
  width: 380px;
  height: 50px;
  background: #bfdbfd;
}
.while-type-table .while-type-table-title th{
  width:33.3%;
  height: 50px;
  text-align: center;
}
.while-type-table tbody tr{
  border-bottom: 1px dashed #dddddd;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.while-type-table tbody{
  width: 380px;
  display: block;
  height: 290px;
  overflow-y: scroll;
}
.while-type-table tbody::-webkit-scrollbar{display: none}
.while-type-table tbody tr td{
  width:33.3%;
  height: 50px;
  text-align: center;
}
.while-type-table tbody tr td button{
  border: 0;
  background: none;
  color: #ff7800;
}
.while-new-task .condition-code{
  text-align: left;
  height: 50px;
  overflow: visible !important;
}
.while-new-task > ul.condition-code li > div:last-child{
  float: left;
}
.while-new-task > ul.condition-code li{
  padding: 0 17px;
  height: 50px;
  line-height: 50px;
}
.while-new-task .while-track-date{
  margin: 10px 0 0 18px;
  width: 345px;
  padding-top: 5px;
}
.while-new-task  .tz,.while-new-task  .tz div{
  border: 0;
  padding: 0 10px 0 0;
}
.while-new-task  .tz .el-input__inner {
  background-color: #fff !important;
  border: 1px solid #dddddd !important;
}
.while-new-task .while-track-date i.lianjie{
  font-size: 35px;
  color: #6dcc66;
  display: inline-block;
  margin-top: 5px;
}
.while-new-task .time-select i{
  right: auto;
  left: 0;
}
.while-new-task .time-select span{
  width: 30px !important;
}
.while-new-task .facility{
  left: 0 !important;
  top: 10px !important;
  width: 345px !important;
  box-shadow: none !important;
}
.while-new-task .facility input{
  width: 176px;
  height: 35px;
  display: inline-block;
  line-height: normal;
  vertical-align: 15px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.while-new-task .facility input[type=number] {
  -moz-appearance:textfield;
}
.while-new-task .facility input[type=number]::-webkit-inner-spin-button,
.while-new-task .facility input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.while-new-task .while-track-date span{
  width: 84px;
}
.while-new-task .while-track-date.zhanbi span:first-child{
  width: 136px;
}
.while-new-task .while-track-date.jiange div{
  width: 195px;
}
.while-new-task .span-date{
  margin-top: 5px;
}
.while-new-task > div:last-child{
  width: 345px !important;
}
.while-new-task .span-button{
  display: block;
  width: 345px;
  border-top: 1px dashed #dddddd;
  margin: 10px auto 0;
  line-height: 50px;
}
.while-new-task .span-button button{
  background: #00aef4;
  border: 0;
  width: 150px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff;
  height: 40px;
  margin: 10px 0 0 15px;
}
.while-new-task .span-button button:last-child{
  background: #ff7e00;
}
.while-new-task .condition-code-relevance{
  position: absolute;
  top: -30px;
  left: 400px;
  width: 320px;
  height: 300px;
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 0;
  border: 0;
}
.while-new-task .condition-code-relevance h5{
  width: 306px;
  height: 50px;
  background: #00aef4;
  font-size: 16px;
  color: #fff;
  padding-left: 14px;
  line-height: 50px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
}
.while-new-task .condition-code-relevance h5 i{
  color: #fff;
  font-size: 16px;
  margin-right: 14px;
}
.while-new-task .condition-code-relevance ul li{
  border-bottom: 1px dashed #ddd;
  overflow: hidden;
}
.while-new-task .condition-code-relevance ul li:first-child:after{
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  position: absolute;
  left: -10px;
  top: 60px;
  transform:rotate(45deg);
  -ms-transform:rotate(45deg); 	/* IE 9 */
  -moz-transform:rotate(45deg); 	/* Firefox */
  -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
  -o-transform:rotate(45deg); 	/* Opera */
}
.while-new-task .condition-code-relevance ul li div{
  width: 75px;
  height: 100px;
  text-align: right;
  border: 0;
  padding: 0 20px 0 0;
  font-size: 16px;
}
.while-new-task .condition-code-relevance ul li div span {
  width: 20px;
  height: 20px;
}
.while-new-task .condition-code-relevance ul li div:last-child{
  width: 225px;
  text-align: left;
  line-height: normal;
  padding: 7px 0 0 0;
}
.while-new-task .condition-code-relevance ul li label{
  width: 220px;
  margin-top: 5px;
}
.while-new-task .condition-code-relevance ul li .el-radio+.el-radio{
  margin-left: 0;
}
.while-new-task .condition-code-relevance ul li label .el-radio__label{
  width: 180px !important;
  line-height: 20px;
}
.while-new-task .condition-code-relevance ul li:last-child{
  height: 60px;
  padding: 0;
  margin: 0;
  border-bottom: 0;
}
.while-new-task .condition-code-relevance ul li:last-child div:first-child{
  line-height: 66px;
}
.while-new-task .condition-code-relevance ul li:nth-child(2),.while-new-task .condition-code-relevance ul li:nth-child(2) div{
  height: 74px;
}

.while-new-task .condition-code-relevance ul li:last-child div{
  height: 60px;
  line-height: 60px;
}
.while-new-task .condition-code-relevance ul li:last-child label{
  margin-top: 0;
}
.while-type-table .while-type-table-title th .icon-biaoqian{
  color: #666666;
  font-size: 20px;
}
.while-crash-title{
  border-bottom: 0 !important;
  padding: 25px 0 0 0;
  height: 20px !important;
  background: #fff !important;
}
.while-crash-title span{
  height: 20px;
  line-height: 20px;
}
.while-crash-card{
  top: 146px !important;
}
.while-crash-card div{
  clear: both;
}
.while-crash-card .el-card__body{
  padding: 10px 20px 0 20px;
  height:240px;
  overflow-y: scroll;
}
.while-crash-card .el-card__body::-webkit-scrollbar{display:none;}
.while-crash-card  .text .node-title{
  width: 80px;
  padding: 5px 0;
}
.while-crash-card .text .node-content{
  width: 330px;
}
.while-crash-card .date-input{
  width: 130px;
  display: inline-block;
  margin-right: 10px;
  height: 30px;
  border:1px solid #dddddd;
}
.while-crash-card .date-input:before{
  content: "\e637";
}
.while-crash-card .date-input:last-child{
  margin-left: 10px;
}
.while-crash-card .node-content{
  position: relative;
}
.while-crash-card .date-icon{
  position: absolute;
  left: 90px;
  top: 7px;
  color: #d6d6d6;
}
.while-crash-card .date-icon:nth-last-child(2){
  left: 265px;
}
.while-crash-card,.while-crash-card .card-con{
  height: auto !important;
}
.while-crash-card .text{
  margin-bottom: 0 !important;
}
.while-details-term .el-date-editor--datetimerange.el-input__inner{
 width:307px;
}
.while-details-term .el-date-editor--datetimerange.el-input__inner i{
  margin-left:0;
}
.while-details-term .el-date-editor--datetimerange.el-input__inner input{
  text-indent:0;
}
.while-condition-list{
  left: 0 !important;
  width: 380px !important;
  top: 146px !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  height: 330px !important;
  overflow-y: scroll;
}
.while-condition-list::-webkit-scrollbar{display: none}
.while-condition-list .while-track-card{
  left: auto !important;
  top: 180px !important;
  width: 350px !important;
  margin: 0 0 10px 15px;
}
.crash-hour-new-task table{
  table-layout: fixed;
  border-collapse:collapse;
}
.crash-hour-new-task table tbody{
  display: block;
  width: 380px;
}
.crash-hour-new-task table tr{
  display: block;
  width: 352px;
  padding: 0 14px;
}
.crash-hour-new-task table tr td{
  width: 100px;
  font-size: 16px;
  text-align: center;
  padding: 10px 0;
  border-bottom: 1px dashed #ddd;
}
.crash-hour-new-task table tr td:last-child{
  width: 252px;
  text-align: left;
}
.crash-hour-new-task table tr td input{
  border: 1px solid #dddddd;
  height: 40px;
  width: 230px;
}
.crash-hour-new-task table tr td button{
  background: #ff7e00;
  border: 1px solid #ff7e00;
  height: 40px;
  width: 100px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff;
}
.crash-hour-new-task .while-condition-list{
  margin-top: 10px;
  height: 375px !important;
}
.crash-hour-new-task .while-condition-list .el-range-editor.el-input__inner{
  width: 306px;
}
.crash-hour-new-task .while-condition-list  .el-input__inner {
  background-color: #fff !important;
  border: 1px solid #ddd !important;
  color: rgb(0, 174, 244) !important;
}
.crash-hour-new-task .while-condition-list .el-date-editor .el-range-input{
  width: 39%;
}
.while-condition-list .el-date-editor .el-range__close-icon{
  width:12px;
}
.crash-hour-new-task .while-condition-list .node-content button{
  float: left;
  display: inline-block;
  margin:0 0 0 10px ;
  background: #00aef4;
}
.crash-hour-new-task .while-condition-list .node-content button:nth-last-child(2){
  width: 60px !important;
  background: #00cc66;
}
.crash-hour-new-task .while-condition-list .node-conten-bottom input{
  display: inline-block;
  width: 134px;
  height: 30px;
  float: left;
}
.crash-hour-new-task .while-condition-list .show-text{
  width: 308px;
  border: 1px solid #ddd;
  background: #fff;
  height: 70px;
}
.crash-hour-new-task .while-condition-list .node-conten-bottom{
  margin-bottom: 10px;
}
.crash-hour-new-task .while-condition-list .while-track-card{
  padding-bottom: 10px;
}
.while-add-condition-code .add-code-title{position: relative}
.while-add-condition-code .add-code .el-select{
  width: 135px;
  float: left;
}
.while-add-condition-code .add-code{
  padding: 10px 0 10px 14px;
  background: #f5f5f5;
  overflow: hidden;
}
.while-add-condition-code .add-code .el-input__inner{
  background-color: #fff !important;
  border: 1px solid #ddd !important;
}
.while-add-condition-code .add-code > input{
  width: 90px;
  height: 40px;
  border: 1px solid #ddd;
  float: left;
  margin-left: 10px;
  padding-left: 10px;
}
.while-add-condition-code .add-code > button{
  float: left;
  margin: 0 0 0 10px;
  height: 40px;
  background: #ff7e00;
}
.while-add-condition-code  .add-code-title{
  height: 50px;
  background: #bfdbfd;
  line-height: 50px;
  padding-left: 14px;
  font-size:18px;
}
.while-add-condition-code .add-code-content table tr td{
  width: 50px;
  line-height: 30px;
}
.while-add-condition-code .add-code-content table tr td:nth-child(2){
  width: 255px;
}
.while-add-condition-code .add-code-content table tr td:last-child{
  width: 75px;
  text-align: center;
}
.while-add-condition-code .add-code-content table tr td:last-child i{
  font-size: 19px;
  color: #ec2929;
}
.while-add-condition-code .add-code-content table tr td:last-child i:last-child{
  font-size: 30px;
  color: #6dcc66;
  vertical-align: -4px;
}
.while-add-condition-code .select-datetime{
  margin-top: 10px;
}
.while-add-condition-code .select-datetime .el-input__inner{
  width: 360px !important;
  background-color: #fff !important;
  border: 1px solid #ddd !important;
}
.while-add-condition-code .analyze-track button{
  width: 352px !important;
  height: 50px;
  background: #00aef4;
  color: #fff;
  font-size: 16px;
}
.while-add-condition-code .add-code-content table tbody{
  height: 204px;
  overflow-y: scroll;
}
.while-add-condition-code .add-code-content table tbody::-webkit-scrollbar{display: none;}
.personnel-matching .step{
  top: 68px !important;
  height: 460px !important;
}
.while-add-condition-code .condition-code-relevance{
  position: absolute;
  top: -35px;
  left: 415px;
  width: 320px;
  height: 300px;
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 0;
  border: 0;
}
.while-add-condition-code .condition-code-relevance h5{
  width: 306px;
  height: 50px;
  background: #00aef4;
  font-size: 16px;
  color: #fff;
  padding-left: 14px;
  line-height: 50px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
}
.while-add-condition-code .condition-code-relevance h5 i{
  color: #fff;
  font-size: 16px;
  margin-right: 14px;
  float: right;
}
.while-add-condition-code .condition-code-relevance ul li{
  border-bottom: 1px dashed #ddd;
  overflow: hidden;
}
.while-add-condition-code .condition-code-relevance ul li:first-child:after{
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  background: #fff;
  position: absolute;
  left: -6px;
  top: 60px;
  transform:rotate(45deg);
  -ms-transform:rotate(45deg); 	/* IE 9 */
  -moz-transform:rotate(45deg); 	/* Firefox */
  -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
  -o-transform:rotate(45deg); 	/* Opera */
}
.while-add-condition-code .condition-code-relevance ul li div{
  width: 75px;
  height: 100px;
  text-align: right;
  border: 0;
  padding: 0 20px 0 0;
  font-size: 16px;
  float: left;
}
.while-add-condition-code .condition-code-relevance ul li div span {
  width: 20px;
  height: 20px;
}
.while-add-condition-code .condition-code-relevance ul li div:last-child{
  width: 225px;
  text-align: left;
  line-height: normal;
  padding: 7px 0 0 0;
}
.while-add-condition-code .condition-code-relevance ul li label{
  width: 220px;
  margin-top: 5px;
}
.while-add-condition-code .condition-code-relevance ul li .el-radio+.el-radio{
  margin-left: 0;
}
.while-add-condition-code .condition-code-relevance ul li label .el-radio__label{
  width: 180px !important;
  line-height: 20px;
}
.while-add-condition-code .condition-code-relevance ul li:last-child{
  height: 60px;
  padding: 0;
  margin: 0;
  border-bottom: 0;
}
.while-add-condition-code .condition-code-relevance ul li:last-child div:first-child{
  line-height: 66px;
}
.while-add-condition-code .condition-code-relevance ul li:nth-child(2),.while-add-condition-code .condition-code-relevance ul li:nth-child(2) div{
  height: 74px;
}

.while-add-condition-code .condition-code-relevance ul li:last-child div{
  height: 60px;
  line-height: 60px;
}
.while-add-condition-code .condition-code-relevance ul li:last-child label{
  margin-top: 0;
}
.while-time-details .while-time-details-title{
  position: static !important;
  height: 60px !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  width: 330px !important;
  margin: 0 auto;
  border-top: 1px dashed #ddd;
  line-height: 30px !important;
  padding: 10px;
}
.while-time-details .while-time-details-title .el-checkbox{
  margin-left:20px;
}
.while-time-details .while-time-details-title div{
  float: left;
}
.while-time-details .while-time-details-title .node-content{
  width: 280px;
  height: 97px;
  overflow-y: scroll;
  margin-bottom:20px;
}
.while-time-details .while-time-details-title .node-content::-webkit-scrollbar{display: none}
.while-time-details .el-radio+.el-radio{
  margin-left: 0;
}
.while-time-details .el-radio{
  padding: 0 5px;
}
.while-time-details .while-condition-list{
  top: 181px !important;
}
.while-time-details .while-condition-list .while-track-card{
  padding-bottom: 10px;
}
.while-time-details .while-crash-card .date-input{
  margin-right: 5px;
  color: #666;
  font-size: 13px;
  text-align: center;
}
.while-time-details .while-crash-card .date-input:last-child{
  margin-left: 5px;
}
.while-new-time-task .while-condition-list{
  overflow: hidden;
}
.while-new-time-task .while-condition-list1{
  top: 112px !important;
  margin-top: 0;
  height: 160px !important;
}
.while-new-time-task .while-condition-list1 .while-track-card{
  background: #fff !important;
  border: 0;
}
.while-new-time-task .while-condition-list1 .while-crash-card div{
  clear: inherit;
}
.while-new-time-task .while-condition-list1 .show-text{
  border: 0;
}
.while-new-time-task .while-condition-list1 .el-card__body{
  padding-left: 9px;
  font-size: 16px;
}
.while-new-time-task  .while-condition-list1 .show-text{
  clear: both !important;
  border: 1px solid #ddd;
}
.while-new-time-task .while-condition-list1 .while-track-card .text{
  border-bottom: 0;
}
.while-new-time-task .while-condition-list2{
  top: 280px !important;
  height: 210px !important;
}
.task-term-in input{
  text-indent:0;
}
.while-new-time-task .while-condition-list2 .clearfix button{
  margin: 0;
  float: none;
  background: #ff7e00;
}
.while-new-time-task .while-condition-list2 .el-card__body{
  overflow-y: scroll;
  height: 132px;
}
.while-new-time-task .while-condition-list2 .el-card__body::-webkit-scrollbar{display: none}
.while-new-time-task .span-button{
  display: block;
  width: 345px;
  margin: 0 auto;
  line-height: 50px;
}
.while-new-time-task .span-button button{
  background: #00aef4;
  border: 0;
  width: 150px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff;
  height: 40px;
  margin: 10px 0 0 15px;
}
.while-new-time-task .span-button button:last-child{
  background: #ff7e00;
}
.time-characteristic .while-crash-title{
  height: 50px !important;
}





/***********************路线匹配分析样式**********************/
.path-task-list button{
  border-radius:6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  outline:none;
  border:none;
  color:#fff;
}
.btn-red{background-color:#e4093c;}
.btn-yellow{background-color:#ff7800;}
.btn-green{background-color:#23ac3a;}
.path-task-list{
  position:absolute;
  top:40px;
  left:80px;
  width:400px;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  background-color:#fff;
}
.path-task-list-title{
  width:inherit;
  height:56px;
  line-height:56px;
  background-color:#01387b;
  border-top-left-radius:5px;
  -webkit-border-top-left-radius:5px;
  -moz-border-top-left-radius:5px;
  border-top-right-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-top-right-radius:5px;
}
.path-task-list-title div{
  float:left;
  width:100px;
  margin-left:20px;
  font-size:18px;
  color:#fff;
}
.path-task-list-title button{
  float:right;
  margin-right:10px;
  margin-top:9px;
  width:100px;
  height:37px;
  line-height:37px;
  background-color:#0297d8;
  color:#fff;
  font-size:14px;
}
.path-task-list-details{
  height:370px;
  margin-bottom:20px;
  overflow-y:scroll;
}
.path-task-list-details::-webkit-scrollbar{
  display:none;
}
.path-task-list-details>li{
  border-bottom:1px dashed #ddd;
  padding:5px 10px 7px 15px;
  overflow:hidden;
}
.path-task-list-details>li>div{
  float:left;
  width:270px;
}
.path-task-list-details>li>div h5{
  font-size:16px;
  overflow:hidden;
  margin:5px 0;
}
.path-task-list-details>li>div h5 b{
  float:left;
  font-weight:normal;
}
.path-task-list-details>li>div h5 span{
  float:right;
  display:inline-block;
  width:180px;
}
.path-task-list-details>li>div h6{
  color:#999999;
  font-size:14px;
  clear:both;
  margin-bottom:8px;
}
.path-task-list-details>li>button{
  float:right;
  width:100px;
  height:37px;
  font-size:14px;
  margin-top:3.9%;
}
.path-result-list{
  position:absolute;
  bottom:20px;
  left:80px;
  width:400px;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  background-color:#fff;
}
.path-result-title{
  width:inherit;
  height:40px;
  line-height:40px;
  background-color:#00aef4;
  border-top-left-radius:5px;
  -webkit-border-top-left-radius:5px;
  -moz-border-top-left-radius:5px;
  border-top-right-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-top-right-radius:5px;
}
.path-result-title div{
  float:left;
  width:100px;
  margin-left:20px;
  font-size:18px;
  color:#fff;
}
.path-result-title i{
  float:right;
  display:inline-block;
  color:#fff;
  font-size:30px;
  margin:6px 10px 0 0;
  cursor:pointer;
}
.path-result-table-title{
  line-height:40px;
  font-size:16px;
  background-color:#bfdbfd;
  overflow:hidden;
}
.path-result-table-title div:first-child{
  width:59%;
  float:left;
  text-align:center;
}
.path-result-table-title div:last-child{
  width:40%;
  float:left;
  text-align:center;
}
.path-result-table{
  width:100%;
  height:163px;
  padding:0 10px;
  overflow-y:scroll;
}
.path-result-table::-webkit-scrollbar{
  display:none;
}
.path-result-table table{
  width:100%;
}
.path-result-table tbody tr td:first-child{
  width:59%;
}
.path-result-table tbody tr td:last-child{
  width:40%;
}
.path-result-table tbody{
  padding:0 8px;
}
.path-result-table tbody tr{
  border-bottom:1px dashed #ddd;
}
.path-result-table tbody tr td{
  text-align:center;
  line-height:40px;
}
.path-result-table tbody tr td span{
  color:#ff8326;
  cursor:pointer;
}
.path-route{
  position:absolute;
  top:40px;
  right:37px;
  width:400px;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  background-color:#fff;
}
.path-route-title{
  width:inherit;
  height:56px;
  line-height:56px;
  background-color:#00aef4;
  border-top-left-radius:5px;
  -webkit-border-top-left-radius:5px;
  -moz-border-top-left-radius:5px;
  border-top-right-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-top-right-radius:5px;
}
.path-route-title div{
  float:left;
  width:150px;
  margin-left:20px;
  font-size:18px;
  color:#fff;
}
.path-route-title i{
  float:right;
  display:inline-block;
  color:#fff;
  font-size:30px;
  margin:12px 10px 0 0;
  cursor:pointer;
}
.path-route-code{
  height:56px;
  line-height:56px;
  font-size:16px;
  background-color:#bfdbfd;
  padding-left:20px;
}
.path-route-code b{
  font-weight:normal;
}
.path-route-details{
  padding:20px 30px;
  height:540px;
}
.path-route-details-n{
  height:490px;
  overflow-y:scroll;
}
.path-route-details-n::-webkit-scrollbar{
  display:none;
}
.path-route-details .el-step__icon.is-text{
  border-color:#0297d8;
}
.path-route-details .el-step__icon-inner{
  font-weight:normal;
  color:#000;
}
.path-route-details .el-step.is-vertical .el-step__title{
  color:#000;
}
.path-route-details .el-step.is-vertical{
  display: -webkit-box;
  display: -ms-flexbox;
  height:56px;
}
.path-route-details .el-steps{
  display:block;
}
.path-task-details{
  position:absolute;
  top:40px;
  right:37px;
  width:457px;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  background-color:#fff;
}
.path-task-details-title{
  width:inherit;
  height:56px;
  line-height:56px;
  background-color:#00aef4;
  border-top-left-radius:5px;
  -webkit-border-top-left-radius:5px;
  -moz-border-top-left-radius:5px;
  border-top-right-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-top-right-radius:5px;
}
.path-task-details-title div{
  float:left;
  width:150px;
  margin-left:20px;
  font-size:18px;
  color:#fff;
}
.path-task-details-title i{
  float:right;
  display:inline-block;
  color:#fff;
  font-size:30px;
  margin:12px 10px 0 0;
  cursor:pointer;
}
.path-task-details-apellation{
  height:56px;
  line-height:56px;
  font-size:16px;
  margin:0 20px;
  border-bottom:1px dashed #ddd;
}
.path-task-details-apellation b{font-weight:normal;}
.path-task-details-time{
  height:56px;
  line-height:56px;
  font-size:16px;
  margin:0 20px;
  border-bottom:1px dashed #ddd;
}
.path-task-details-time>p{
  float:left;
  width:85px;
}
.path-task-details-time .path-task-details-t{
  float:left;
  width:300px;
}
.path-task-details-t input{
  text-indent:0;
}
.path-task-details-t .el-date-editor--datetimerange.el-input__inner{width:330px;}
.path-task-details-t .el-range-editor.el-input__inner{padding:3px 5px;}
.path-task-details-t .el-date-editor .el-range__close-icon{width:12px;}
.path-task-details-t .el-date-editor .el-range-input{width:41%;}
.path-task-details-t .el-date-editor .el-range-separator{padding:0 3px;}
.path-task-details-list{
  padding:20px;
}
.path-task-details-list-n{
  background-color:#f5f5f5;
  border:1px solid #dddddd;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  padding:0 10px;
}
.path-task-details-list-n>div{
  line-height:47px;
  border-bottom:1px solid #ddd;
  font-size:16px;
}
.path-task-details-list-n>ul>li{
  border-bottom:1px dashed #eee;
  overflow:hidden;
  line-height:15px;
  margin:8px 0;
}
.path-task-details-list-n>ul{
  height:247px;
  overflow-y:scroll;
}
.path-task-details-list-n>ul::-webkit-scrollbar{
  display:none;
}
.path-task-details-list-n>ul>li>p{
  float:left;
  width:85px;
}
.path-task-details-list-s{
  float:left;
  width:310px;
}
.path-task-details-list-s .el-checkbox__label{
  margin-right:30px;
}
.path-task-details-list-s .el-checkbox+.el-checkbox{
  margin:0;
  /*margin-right:30px;*/
}
.new-mission{
  position:absolute;
  top:40px;
  left:80px;
  width:457px;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  background-color:#fff;
}
.new-mission-title{
  width:inherit;
  height:56px;
  line-height:56px;
  background-color:#01387b;
  border-top-left-radius:5px;
  -webkit-border-top-left-radius:5px;
  -moz-border-top-left-radius:5px;
  border-top-right-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-top-right-radius:5px;
}
.new-mission-title p{
  float:left;
  width:150px;
  margin-left:20px;
  font-size:18px;
  color:#fff;
}
.new-mission-title i{
  float:right;
  display:inline-block;
  color:#fff;
  font-size:30px;
  margin:12px 10px 0 0;
  cursor:pointer;
}
.new-mission-name{
  height:56px;
  line-height:56px;
  font-size:16px;
  margin:0 20px;
  border-bottom:1px dashed #ddd;
}
.new-mission-name input{
  width:330px;
  height:40px;
  border:1px solid #ddd;
}
.new-mission-time{
  height:56px;
  line-height:56px;
  font-size:16px;
  margin:0 20px;
  border-bottom:1px dashed #ddd;
}
.new-mission-time>span{
  float:left;
  width:85px;
}
.new-mission-time .path-task-details-t{
  float:left;
  width:300px;
}
.new-mission-time input{
  text-indent:0;
}
.path-task-details-t .el-date-editor--datetimerange.el-input__inner{width:330px;}
.path-task-details-t .el-range-editor.el-input__inner{padding:3px 5px;}
.path-task-details-t .el-date-editor .el-range__close-icon{width:12px;}
.path-task-details-t .el-date-editor .el-range-input{width:41%;}
.path-task-details-t .el-date-editor .el-range-separator{padding:0 3px;}
.new-mission-list{
  padding:10px;
}
.new-mission-list-top{
  line-height:36px;

}
.new-mission-list-top a{
  display:inline-block;
  margin-left:6px;
  padding:3px 17px;
  border-top-left-radius:6px;
  -webkit-border-top-left-radius:6px;
  -moz-border-top-left-radius:6px;
  border-top-right-radius:6px;
  -webkit-border-top-right-radius:6px;
  -moz-border-top-right-radius:6px;
  background-color:#f3f3f3;
  color:#939393;
  font-size:16px;
}
.new-mission-list-top .new-mission-list-active{
  background-color:#ff7e00;
  color:#fff;
}
.new-mission-list-content{
  height:366px;
  overflow:hidden;
}
.new-mission-list-content-one .path-task-details-list-n>div{
  line-height:37px;
}
.new-mission-list-content-one .path-task-details-list-n>ul>li>p{
  width:inherit;
  margin-bottom:6px;
}
.new-mission-list-content-one .path-task-details-list-n>ul>li>p.path-node-title>span:last-child{
  color:#747474;
  display:inline-block;
  border:1px solid #dddddd;
  padding:5px 6px;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  background-color:#fff;
}
.new-mission-list-content-one .path-task-details-list-s{
  width:inherit;
}
.new-mission-list-content-one .path-task-details-list-n>ul{
  height:326px;
}
.new-mission-list-content-node{
  background-color: #f5f5f5;
  border: 1px solid #dddddd;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 0 10px;
}
.new-mission-list-content-node>div{
  line-height:37px;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
}
.new-mission-list-content-node>ul{
  height:326px;
  overflow-y:scroll;
}
.new-mission-list-content-node>ul::-webkit-scrollbar{
  display:none;
}
.new-mission-list-content-node>ul>li{
  border-bottom: 1px dashed #eee;
  overflow: hidden;
  line-height: 31px;
  margin: 8px 0;
  padding-bottom:5px;
}
.new-mission-list-content-node>ul>li>b{
  font-weight:normal;
}
.new-mission-list-content-node>ul>li>span{
  margin-left:6px;
  color:#666666;
}
.new-mission-btn{
  padding:10px 30px 20px;
}
.new-mission-btn button{
  width:170px;
  height:47px;
  color:#fff;
  border-radius:6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  outline:none;
  border:none;
  margin-left:20px;
  font-size:16px;
}
.new-mission-btn button:first-child{
  background-color:#00aef4;
}
.new-mission-btn button:last-child{
  background-color:#ff7e00;
}





































